<html>
	<head>
		<title>Twitter Calendar</title>
	</head>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
	<script type="text/javascript">		
		$(function() {
			window.location.href = "/{{ twitteruser }}.ics?utcoffset={{ utcoffset }}";
		});
	</script>
  <body>
	<h1><a href="/">Twitter Calendar</a></h1>
	<p>
		If your calendar does not start downloading,
		<a href="/{{ twitteruser }}.ics?utcoffset={{ utcoffset }}">click here</a>.
	</p>
	<fieldset>
		<legend>URL</legend>
		http://{{ host }}/{{ twitteruser }}.ics?utcoffset={{ utcoffset }}
	</fieldset>
	<h2>
		Get another Twitter Calendar
	</h2>	
	<form id="getcal" method="post">	
		<label for="username">Twitter Username</label>
		<input type="input" id="username" name="username"></input>
		<input type="hidden" id="utcoffset" name="utcoffset" class="utcoffset" value="{{ utcoffset }}"></input>
		<input type="submit" value="Get Calendar"></input>
	</form>
  </body>
</html>